<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./utils/flexible.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    
</head>

<!-- //使用rem 来进行适配 -->
<body>
    <!-- header -->
    <div id="header">
        <img src="./pages/logo.png" class="header-logo">
        <img src="./pages/download.png" class="header-download"> 
    </div>
    <!-- search -->
    <div id="search">
        <input type="text" placeholder="请输入你想比价的产品" class="btn-1">
        <button type="text" class="btn-2">搜索</button>
    </div>
    <!-- nav -->
    <div id="nav">
        
            <div><a href="category.html"><img src="./pages/ic_search.png"></a>
                比价搜索
            </div>
            <div><a><img src="./pages/ic_bcj.png"></a>
                省钱控
            </div>
            <div><a><img src="./pages/gengduo.png"></a>
                国内折扣
            </div>
            <div><a><img src="./pages/ic_bcj.png"></a>
                白菜价
            </div>
            
           
       
       
            <div><a><img src="./pages/ic_coudanpin.png">海淘折扣</div></a>
            <div><a><img src="./pages/ic_cu.png">优惠券</div></a>
            <div><a><img src="./pages/ic_kb.png">查历史价</div></a>
            <div><a><img src="./pages/ic_mall.png">更多</div></a>
        
        
            <div><a><img src="./pages/ic_pp.png">凑单品</div></a>
            <div><a><img src="./pages/ic_temai.png">口碑排行</div></a>
            <div><a><img src="./pages/gengduo.png">商城导航</div></a>
            <div><a><img src="./pages/ic_trend.png">品牌大全</div></a>
        
    </div>
    <!-- section -->
    <div id="section">
        <div class="section-title">
            <h2>超值折扣推荐</h2>
            <img src="./pages/大于号.png" class="section-img1">
        </div>
    </div>
    <!-- list -->
   
   <ul id="list">

   </ul>
   <!-- message -->
   <div id="message">
    <div class="message1">
        更多优惠信息>>
    </div>
    <div class="message2">
        <h2>品牌排行</h2>
        <img src="./pages/大于号.png" class="messagePage1">
    </div>
   </div>
   <!-- last -->
   <div id="last">
    <div class="last1">
        <div>登入</div>
        <div>注册</div>
        <div>返回顶部</div>
    </div>
    <div class="last2">
        手机APP下载 万锋智慧商城手机版 -- 掌上比价平台
    </div>
    <div class="last3">
        chst.vip:8081/crm
    </div>
   </div>
</body>

</html>
 <script src="./js/list.js"></script>